/*
  学习目标：React中处理样式的两种方式
  1. 行内样式
    语法: style = {{css属性名: css属性值}}
    注意: 1. 不支持"连字符属性名", 如"font-size"  2. 通常px单位可以省略
  2. 外部样式

*/

import React from 'react';
import ReactDOM from 'react-dom';
import './base.css';

const divNode = (
  <ul className="list" style={{ color: 'lime', fontSize: 48 }}>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
);

ReactDOM.render(divNode, document.getElementById('root'));
